<template>
    <div class="rootBox">
        <EchartsPieComplex class="pie" :recive="reciveData" />
        <EchartsLineComplex class="line" :recive="reciveData" />
    </div>
</template>

<script>
import EchartsPieComplex from "../../../../../component/ECharts/EchartsPieComplex";
import EchartsLineComplex from "../../../../../component/ECharts/EchartsLineComplex";

export default {
    components: {
        EchartsPieComplex,
        EchartsLineComplex,
    },
    props: {
        reciveData: {
            type: Array,
        },
    },
    data() {
        return {};
    },
};
</script>

<style lang="scss" scoped>
.rootBox {
    width: 100%;
    height: 100%;
    .pie {
        width: 50%;
        height: 100%;
        // border: 1px solid red;
    }

    .line {
        width: 50%;
        height: 100%;
        // border: 1px solid red;
    }
}
</style>
